Designtips: Ordna upp i menyn

2012-02-20 @ 19:35:41
Jag har fått frågor om hur jag har gjort så att jag har huvudrubrik och sen en massa underrubriker i min meny. Jag hade tänkt försöka hjälpa er med detta inlägget. Det kan vara bra om man har hållt på lite med design innan... men jag tror att ni klarar det ändå, så då kör vi!
GLÖM INTE ATT SPARA KODERNA NI TAR BORT I TEX ETT DOKUMENT IFALL DET BLIR FEL.


Jag har temat orange city. Det går att göra detta i dom andra också såklart. Vi ska fixa så att det blir såhär:




Gå in HÄR och kopiera koden


Gör likadant i varje kodmall.
Detta är de stegen man ska göra... och sen är det klart.
För frågor, om ni inte fattar riktigt eller om det är något annat ni vill ha hjälp med så skriv en kommentar i detta inlägget, så ska försöka hjälpa er. Hoppas att ni fattade. Och jag hoppas att det funkar, för det gjorde det på min.


Lägg gärna till mig på bloglovin, genom att trycka HÄR, det skulle göra mig jätteglad!

TILLBAKA

2012-01-19 @ 19:44:00
Nu är jag tillbaka. Fixat med bloggen lite. Tillfällig design. Och jag håller fortfarande på att fixa den. Ska ta nya bilder till designen så fort vädret tillåter det. Puss

Bilder i menyn.

2011-07-17 @ 17:31:48
Detta är väldigt enkelt faktiskt, om man har lite koll på hur man designar en blogg.

1) Först laddar du upp bilden som du vill ha på bloggen ( inte så att de syns för alla). Ladda upp bilden i storlek 200 för att få de så stora som jag har.

2) Kopiera adressen till bilden.

3) gå in i din kodmall och lägg in den här koden där du vill ha bilden: <img src="andressen till bilden">

4) och lägg till adressen till bilden i koden istället för "adressen till bilden" ta inte bort dessa " .

5) Gör samma sak i alla kodmallar, glöm inte att spara var för sig!

Om du har en meny som är indelad i "boxar" och du vill ha en egen "box" till bilden så lägger du till denna koden istället:

<div id="box">
<img src="andressen till bilden">
</div><br>

För mer hjälp med detta kontakta mig via mejl.

För att få "boxar" i menyn

2011-07-17 @ 17:16:32

1) Gå först in i stilmallen. Där lägger du in denna koden längst ner:
#box {
margin-left: 0px;
width: 185px;
padding: 10px 10px 10px 10px;
background: #FFFFFF;
}

Sedan får du ändra width och det andra så att det blir som du vill ha det.

2) Gå till kodmallar.
 För att göra själva boxarna gör du såhär:
Där boxen ska "börja", lägger du in <div id="box"> och där den ska sluta lägger du in </div><br>.
Det kan till exempel se ut på detta vis för att få kategorierna i en box:

<div id="box">
<div>Kategorier</div>
<ul>
<tag:categorylist>
<li><a href="${CategoryLink}">${CategoryName}</a></li>
</tag:categorylist>
</ul>
</div><br>

<br> gör så att det blir ett mellanrum mellan boxarna, så glöm inte den!

Det är väldigt svårt att förklara, men det var ungefär så här mycket hjälp jag fick, man får testa sig fram, jag gjorde om mitt typ 10 gånger innan jag tyckte att det blev bra, så ge inte upp ;)

Hoppas att jag kunde hjälpa er lite, om ni behöver mer hjälp med detta så kontakta mig via mejl.